<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>格式首页</title>
		<script language='JavaScript' src='../../adapter/ext/ext-base.js' type='text/javascript'></script>
      	<script language='JavaScript' src='../../ext-all-debug.js' type='text/javascript'></script>
      	<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>
      	<link rel="stylesheet" type="text/css" href="../../ext-patch.css"/>
        <link rel="stylesheet" type="text/css" href="../../ext-patch.css"/>
     	<style>
		.Main{
			margin-left:auto;
			margin-right:auto;
			border:1px solid #FF0;
			height:850px;
			width:1050px;
			}
		.Head{
			width:100px;
			}
		.Head .Logo
		{
			width:100px;
			height:80px;
			background-color:#CCC;
			float:left;
			}
		.Head .Navigation
		{
			width:1000px;
			background-color:#FFF
			/*float:right;*/
		}
		.Head .Navigation .Banner
		{
			width:100%;
			height:50px;
			background-color:#F60
		}
		.Head .Navigation .Nav
		{
			text-align:left;
			height:30px;
		}
		.Head .Navigation .Nav ul
		{
			height:30px;
		}
		.Head .Navigation .Nav ul li
		{
			display:inline-block;
			width:100px;
			height:24px;
			border:1px solid #F90;
			text-align:center;
			padding-top:2px;
			padding-bottom:2px;
			font-size:15px;
		}
		.Copyright
		{
			height:80px;
			background-color:#CCC
		}
        #GZ{
			margin-left:auto;
			margin-right:auto;
			text-align:center;
			width:1040px;
			display:block;
			
			/**height:600px;*/
			overflow:hidden;
			}
		#GZ ul
		{
			display:inline-block;
			}
		#GZ ul li
		{
			display:inline-block;;border:1px solid #0CF;width:100px;margin:2px 2px 0px 0px ;
			}
        </style>
</head>
<body style="text-align:center">
<script language="javascript">
Ext.onReady(function()
{
insertImg();
function insertImg()
{
	var xxy="";
	for(var i=1;i<101;i++)
	{
		Ext.DomHelper.append(Ext.get('GU'),{
								  tag: 'li', 
								  id: 'item0',
								  children:[{
											tag:'img',src:"../../../Images/Image"+i+".jpg",widht:'100px',height:'70px'
											}]
								  }
							)
	}
		
	}
	
})


function xx()
{
		alert('afd');
	}
</script>
<div class="Main">
<!--Head-->
<div class="Head" >
<div class="Logo">
LOGO
</div>
<!--综合-->
<div style="width:80%">
<div class="Navigation">
    <div class="Banner">
    广告
    </div>
    <div class="Nav">
    	<ul id="NavLi">
        <li><a href="">导航1</a></li>
        <li>导航1</li>
        <li>导航1</li>
        <li>导航1</li>
        <li>导航1</li>
        </ul>
    </div>

</div>
<!--综合-->
</div>
</div>
<!--End Head-->
<!--Content-->
<div id="GZ">
<ul id="GU">
</ul>
</div>
<!--End Content-->
<!--Copyright-->
<div class="Copyright">
版权
</div>
<!--End Copyright-->

</div>
</body>
</html>
